<template>
	<view class="ff-text-center w-width-100 noData">
		<image src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/new-fire-iot/noInfo.png" class="noDataImg" :style="{ paddingTop: props.topStyle }"></image>
		<view class="ff-font-16 ff-margin-15 ff-color-gray">{{ title }}</view>
	</view>
</template>

<script setup>
let props = defineProps(['topStyle', 'title']);
</script>

<style lang="scss" scoped>
.noData {
	width: 500rpx;
	height: 500rpx;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -250rpx;
	margin-top: -250rpx;
}
// .topStyle {
// 	padding-top: 38%;
// }
.noDataImg {
	width: 290rpx;
	height: 260rpx;
}
</style>
